
<div style="display: flex;flex-direction: row;">
    <div style="margin: 10px;width: 300px;margin-left: 10px;">
        <div style="margin: 10px;text-align: center;font-size: 20px;">配置</div>
        <img id="edit_share_img" style="height: 40px;margin: 10px;" src="https://www.dcdev.net/icon.png" />
        <div style="display: flex;flex-direction: row;align-items: center;margin: 10px;">
            <span>链接：</span>
            <form class="layui-form" action="">
                <div class="layui-form-item" style="margin-bottom: 0px;">
                    <div class="layui-input-block" style="display:flex;margin-left: 0px;">
                    <input type="radio" lay-filter="link_choose" name="link_choose" value="当前地址" title="当前地址" checked>
                    <input type="radio" lay-filter="link_choose" name="link_choose" value="固定地址" title="固定地址" >
                    </div>
                </div>
            </form>
        </div>
        <div><input style="margin: 10px;margin-top:0px;width: 90%;display: none;" id="edit_share_moment_link"  placeholder="URL" /></div>
        <div style="margin: 10px;">分享朋友圈：</div>

        <div><input id="edit_share_title_moment" style="margin: 10px;width: 90%;" id="edit_share_moment_title"  placeholder="分享到朋友圈的标题" /></div>

        <hr style="width: 90%;margin-left: 0px;">
        <div style="margin: 10px;">分享给好友或者群：</div>
        <!-- <img style="height: 40px;margin: 10px;" src="https://www.dcdev.net/icon.png" /> -->
        <div><input id="edit_share_title_friend" style="margin: 10px;width: 90%;" id="edit_share_moment_title"  placeholder="分享给好友或者群的标题" /></div>
        <!-- <div style="display: flex;flex-direction: row;align-items: center;margin: 10px;">
            <span>链接：</span>
            <form class="layui-form" action="">
                <div class="layui-form-item" style="margin-bottom: 0px;">
                    <div class="layui-input-block" style="display:flex;margin-left: 0px;">
                    <input type="radio" lay-filter="link_choose_2" name="link_choose_2" value="当前地址" title="当前地址" checked>
                    <input type="radio" lay-filter="link_choose_2" name="link_choose_2" value="固定地址" title="固定地址" >
                    </div>
                </div>
            </form>
        </div> -->
        <!-- <div><input style="margin: 10px;margin-top:0px;width: 90%;display: none;" id="edit_share_moment_link_2"  placeholder="地址的URL" /></div> -->
        <hr style="width: 90%;margin-left: 0px;">
        <div><textarea id="edit_share_tag" style="margin: 10px;width: 90%;" id="edit_share_moment_title"  placeholder="描述内容" ></textarea></div>
    </div>


    <div id="show_share" style="margin: 10px;width: 300px;margin-left: auto;display: flex;flex-direction: column;">
        <div style="margin: 10px;text-align: center;font-size: 20px;">预览</div>              
        <div style="margin: 10px;">分享朋友圈：</div>
        <div style="background-color: rgb(247,247,247);display: flex;flex-direction: row;align-items: center;height: 50px;">
            <img  id="show_share_img" style="height: 40px;margin: 5px;" src="https://www.dcdev.net/icon.png" />
            <div id="show_share_title_moment">分享到朋友圈的标题</div>
        </div>
        <hr>
        <div style="margin: 10px;margin-top: 0px;">分享给好友或者群：</div>
        <div style="background-color: rgb(247,247,247);display: flex;flex-direction: column;">
            <div id="show_share_title_friend" style="margin:10px;">分享给好友或者群的标题</div>
            <div style="display: flex;flex-direction: row;justify-content: flex-start;">
                <div id="show_share_tag" style="font-size: 15px;color: gray;margin-left: 10px;">描述内容</div>
                <img id="show_share_img_2" style="height: 40px;margin: 10px;margin-left: auto;" src="https://www.dcdev.net/icon.png" />
            </div>
        </div>
    </div>

</div>
<div style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 10px;"><button id="edit_share_btn">确定</button></div>

<script>
    layui.use('form', function () {
        var form = layui.form;
        window['link_choose'] = {
            value: '当前地址'
        };
        form.on("radio(link_choose)", function (obj) {
            window['link_choose'] = obj;
            console.log(obj)
            if(obj.value=="固定地址"){
                $('#edit_share_moment_link').css('display','inline');
            }else{
                $('#edit_share_moment_link').css('display','none');
            }
        })
    });
</script>

